<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Display Module Level 3 Disposition of Comments for 2020-05-19 CR</title>
<style type="text/css">
  pre { border: solid thin silver; padding: 0.2em; white-space: normal; }
  pre > span { display: block; white-space: pre; }
  .a  { background: #52E052    }
  .d  { background: #8CCBF2    }
  .oi { background: #E0CB52    }
  .r  { background: orange     }
  .fo { background: #f66       }
  pre.a  { background: #E9FBE9 }
  pre.d  { background: #DEF    }
  pre.oi { background: #FCFAEE }
  pre.r  { background: #FFEECC }
  pre.fo { background: #FBE9E9 }
  .open   { border: solid red; }
  :target { box-shadow: 0.25em 0.25em 0.25em;  }
  a[href^=mid], a[href~=flatten] { text-decoration: none; }
  abbr { font-weight: bold; }
</style>

<h1>CSS Display Module Level 3 Disposition of Comments for 2020-05-19 CR</h1>

<p>Dated Draft: <a href="https://www.w3.org/TR/2020/CR-css-display-3-20200519/">https://www.w3.org/TR/2020/CR-css-display-3-20200519/</a>

<p>Editor's Draft: <a href="http://drafts.csswg.org/css-display-3/">http://drafts.csswg.org/css-display-3/</a>

<p>The following color coding convention is used for comments:</p>

<ul>
 <li class="a">Accepted or Rejected and positive response
 <li class="r">Rejected and no response
 <li class="fo">Rejected and negative response
 <li class="d">Deferred
 <li class="oi">Out-of-Scope or Invalid and not verified
</ul>

<p class=open>Open issues are marked like this</p>

<p>An issue can be closed as <code>Accepted</code>, <code>OutOfScope</code>,
<code>Invalid</code>, <code>Rejected</code>, or <code>Retracted</code>.
<code>Verified</code> indicates commentor's acceptance of the response.</p>
<pre class=' a' id='issue-1'>
<span>Issue 1. <a href='#issue-1'>#</a></span>
<span>Summary:  Ruby vs “formatting context”</span>
<span>From:     Myles Maxfield</span>
<span>Comment:  <a href='https://github.com/w3c/csswg-drafts/issues/5047'>https://github.com/w3c/csswg-drafts/issues/5047</a></span>
<span>Response: <a href='https://github.com/w3c/csswg-drafts/issues/5047#issuecomment-626093104'>https://github.com/w3c/csswg-drafts/issues/5047#issuecomment-626093104</a></span>
<span>Response: <a href='https://github.com/w3c/csswg-drafts/issues/5047#issuecomment-769634665'>https://github.com/w3c/csswg-drafts/issues/5047#issuecomment-769634665</a></span>
<span>Changes:  <a href='https://github.com/w3c/csswg-drafts/commit/76b18974bf52eb446219b4a1b09566cd06c95400'>https://github.com/w3c/csswg-drafts/commit/76b18974bf52eb446219b4a1b09566cd06c95400</a></span>
<span class="a">Closed:   Accepted / OutOfScope</span>
<span class="a">Verified: <a href='https://github.com/w3c/csswg-drafts/issues/5047#event-4267935267'>https://github.com/w3c/csswg-drafts/issues/5047#event-4267935267</a></span>
<span>Resolved: Editorial</span></pre>
<pre class=' a' id='issue-2'>
<span>Issue 2. <a href='#issue-2'>#</a></span>
<span>Summary:  typo</span>
<span>From:     beantaxi</span>
<span>Comment:  <a href='https://github.com/w3c/csswg-drafts/issues/5078'>https://github.com/w3c/csswg-drafts/issues/5078</a></span>
<span>Response: <a href='https://github.com/w3c/csswg-drafts/issues/5078#issuecomment-633441736'>https://github.com/w3c/csswg-drafts/issues/5078#issuecomment-633441736</a></span>
<span class="a">Closed:   Accepted</span>
<span>Resolved: Editorial</span></pre>
<pre class=' r' id='issue-3'>
<span>Issue 3. <a href='#issue-3'>#</a></span>
<span>Summary:  Confusion over “formatting context”</span>
<span>From:     vwkd</span>
<span>Comment:  <a href='https://github.com/w3c/csswg-drafts/issues/5105'>https://github.com/w3c/csswg-drafts/issues/5105</a></span>
<span>Response: <a href='https://github.com/w3c/csswg-drafts/issues/5105#issuecomment-893876965'>https://github.com/w3c/csswg-drafts/issues/5105#issuecomment-893876965</a></span>
<span class="r">Closed:   Rejected</span>
<span>Resolved: Editorial</span></pre>
<pre class=' a' id='issue-4'>
<span>Issue 4. <a href='#issue-4'>#</a></span>
<span>Summary:  Duplicate export of “inline formatting context”</span>
<span>From:     Anne van Kesteren</span>
<span>Comment:  <a href='https://github.com/w3c/csswg-drafts/issues/5209'>https://github.com/w3c/csswg-drafts/issues/5209</a></span>
<span>Response: <a href='https://github.com/w3c/csswg-drafts/issues/5209#issuecomment-643904973'>https://github.com/w3c/csswg-drafts/issues/5209#issuecomment-643904973</a></span>
<span>Changes:  <a href='https://github.com/w3c/csswg-drafts/commit/1f2c366ef4372bdda8b2ff44ef5db893d608c785'>https://github.com/w3c/csswg-drafts/commit/1f2c366ef4372bdda8b2ff44ef5db893d608c785</a></span>
<span class="a">Closed:   Accepted</span>
<span>Resolved: Editorial</span></pre>
<pre class=' oi' id='issue-5'>
<span>Issue 5. <a href='#issue-5'>#</a></span>
<span>Summary:  Adding display:math|inline-math</span>
<span>From:     Brian Kardell</span>
<span>Comment:  <a href='https://github.com/w3c/csswg-drafts/issues/5385'>https://github.com/w3c/csswg-drafts/issues/5385</a></span>
<span>Response: <a href='https://github.com/w3c/csswg-drafts/issues/5385#issuecomment-690462275'>https://github.com/w3c/csswg-drafts/issues/5385#issuecomment-690462275</a></span>
<span>Response: <a href='https://github.com/w3c/csswg-drafts/issues/5385#issuecomment-694369213'>https://github.com/w3c/csswg-drafts/issues/5385#issuecomment-694369213</a></span>
<span>Response: <a href='https://github.com/w3c/csswg-drafts/issues/5385#issuecomment-745563829'>https://github.com/w3c/csswg-drafts/issues/5385#issuecomment-745563829</a></span>
<span>Response: <a href='https://github.com/w3c/csswg-drafts/issues/5385#issuecomment-819641982'>https://github.com/w3c/csswg-drafts/issues/5385#issuecomment-819641982</a></span>
<span class="oi">Closed:   OutOfScope (refiled against MathML Core)</span>
<span>Resolved: <a href='https://lists.w3.org/Archives/Public/www-style/2020Sep/0007.html'>https://lists.w3.org/Archives/Public/www-style/2020Sep/0007.html</a> <a href="https://www.w3.org/Mail/flatten/index?subject=https%3A%2F%2Flists.w3.org%2FArchives%2FPublic%2Fwww-style/2020Sep/0007.html"><abbr title="Thread">&#x2208;</abbr></a></span>
<span>Resolved: <a href='https://www.w3.org/2020/09/17-css-minutes#item04'>https://www.w3.org/2020/09/17-css-minutes#item04</a></span>
<span>Resolved: <a href='https://lists.w3.org/Archives/Public/www-style/2021Apr/0002.html'>https://lists.w3.org/Archives/Public/www-style/2021Apr/0002.html</a> <a href="https://www.w3.org/Mail/flatten/index?subject=https%3A%2F%2Flists.w3.org%2FArchives%2FPublic%2Fwww-style/2021Apr/0002.html"><abbr title="Thread">&#x2208;</abbr></a></span></pre>
<pre class=' a' id='issue-6'>
<span>Issue 6. <a href='#issue-6'>#</a></span>
<span>Summary:  Should &lt;display-legacy> values be aliased at parse time?</span>
<span>From:     Oriol Brufau</span>
<span>Comment:  <a href='https://github.com/w3c/csswg-drafts/issues/5575'>https://github.com/w3c/csswg-drafts/issues/5575</a></span>
<span>Response: <a href='https://github.com/w3c/csswg-drafts/issues/5575#issuecomment-893899115'>https://github.com/w3c/csswg-drafts/issues/5575#issuecomment-893899115</a></span>
<span>Changes:  <a href='https://github.com/w3c/csswg-drafts/commit/48ba2b32840196e1a869f9992c3db6a82f0c2d39'>https://github.com/w3c/csswg-drafts/commit/48ba2b32840196e1a869f9992c3db6a82f0c2d39</a></span>
<span class="a">Closed:   Accepted</span>
<span>Resolved: <a href='https://lists.w3.org/Archives/Public/www-style/2021Aug/0017.html'>https://lists.w3.org/Archives/Public/www-style/2021Aug/0017.html</a> <a href="https://www.w3.org/Mail/flatten/index?subject=https%3A%2F%2Flists.w3.org%2FArchives%2FPublic%2Fwww-style/2021Aug/0017.html"><abbr title="Thread">&#x2208;</abbr></a></span></pre>
<pre class=' a' id='issue-7'>
<span>Issue 7. <a href='#issue-7'>#</a></span>
<span>Summary:  order property only mentions “flex items”</span>
<span>From:     Julian Descottes</span>
<span>Comment:  <a href='https://github.com/w3c/csswg-drafts/issues/5865'>https://github.com/w3c/csswg-drafts/issues/5865</a></span>
<span>Response: <a href='https://github.com/w3c/csswg-drafts/issues/5865#issuecomment-884323316'>https://github.com/w3c/csswg-drafts/issues/5865#issuecomment-884323316</a></span>
<span>Comment:  <a href='https://github.com/w3c/csswg-drafts/issues/5865#issuecomment-884524335'>https://github.com/w3c/csswg-drafts/issues/5865#issuecomment-884524335</a></span>
<span>Response: <a href='https://github.com/w3c/csswg-drafts/issues/5865#issuecomment-885235341'>https://github.com/w3c/csswg-drafts/issues/5865#issuecomment-885235341</a></span>
<span>Changes:  <a href='https://github.com/w3c/csswg-drafts/commit/0259f1f7df9fc4649501c3a4735261418e667a3a'>https://github.com/w3c/csswg-drafts/commit/0259f1f7df9fc4649501c3a4735261418e667a3a</a></span>
<span class="a">Closed:   Accepted</span>
<span>Resolved: <a href='https://lists.w3.org/Archives/Public/www-style/2021Jul/0011.html'>https://lists.w3.org/Archives/Public/www-style/2021Jul/0011.html</a> <a href="https://www.w3.org/Mail/flatten/index?subject=https%3A%2F%2Flists.w3.org%2FArchives%2FPublic%2Fwww-style/2021Jul/0011.html"><abbr title="Thread">&#x2208;</abbr></a></span></pre>
<pre class=' a' id='issue-8'>
<span>Issue 8. <a href='#issue-8'>#</a></span>
<span>Summary:  Replaced ruby annotation containers and base containers nonsensical</span>
<span>From:     Florian Rivoal</span>
<span>Comment:  <a href='https://github.com/w3c/csswg-drafts/issues/6000'>https://github.com/w3c/csswg-drafts/issues/6000</a></span>
<span>Comment:  <a href='https://github.com/w3c/csswg-drafts/issues/6000#issuecomment-826081277'>https://github.com/w3c/csswg-drafts/issues/6000#issuecomment-826081277</a></span>
<span>Response: <a href='https://github.com/w3c/csswg-drafts/issues/6000#issuecomment-826461265'>https://github.com/w3c/csswg-drafts/issues/6000#issuecomment-826461265</a></span>
<span>Changes:  <a href='https://github.com/w3c/csswg-drafts/commit/2297b7b60a7bf76bf1a2b40ac9a0012fa210b7be'>https://github.com/w3c/csswg-drafts/commit/2297b7b60a7bf76bf1a2b40ac9a0012fa210b7be</a></span>
<span class="a">Closed:   Accepted</span>
<span class="a">Verified: <a href='https://github.com/w3c/csswg-drafts/issues/6000#issuecomment-826461265'>https://github.com/w3c/csswg-drafts/issues/6000#issuecomment-826461265</a> (thumbs up)</span>
<span>Resolved: <a href='https://lists.w3.org/Archives/Public/www-style/2021Apr/0006.html'>https://lists.w3.org/Archives/Public/www-style/2021Apr/0006.html</a> <a href="https://www.w3.org/Mail/flatten/index?subject=https%3A%2F%2Flists.w3.org%2FArchives%2FPublic%2Fwww-style/2021Apr/0006.html"><abbr title="Thread">&#x2208;</abbr></a></span></pre>
<pre class=' a' id='issue-9'>
<span>Issue 9. <a href='#issue-9'>#</a></span>
<span>Summary:  visibility:visible inside visibility:hidden a11y problems</span>
<span>From:     JAWS-test</span>
<span>Comment:  <a href='https://github.com/w3c/csswg-drafts/issues/6123'>https://github.com/w3c/csswg-drafts/issues/6123</a></span>
<span>Response: <a href='https://github.com/w3c/csswg-drafts/issues/6123#issuecomment-897938789'>https://github.com/w3c/csswg-drafts/issues/6123#issuecomment-897938789</a></span>
<span class="a">Closed:   Accepted</span>
<span class="a">Verified: <a href='https://github.com/w3c/csswg-drafts/issues/6123#issuecomment-893890561'>https://github.com/w3c/csswg-drafts/issues/6123#issuecomment-893890561</a> (thumbs up)</span>
<span>Resolved: <a href='https://lists.w3.org/Archives/Public/www-style/2021Aug/0004.html'>https://lists.w3.org/Archives/Public/www-style/2021Aug/0004.html</a> <a href="https://www.w3.org/Mail/flatten/index?subject=https%3A%2F%2Flists.w3.org%2FArchives%2FPublic%2Fwww-style/2021Aug/0004.html"><abbr title="Thread">&#x2208;</abbr></a></span></pre>
<pre class=' a' id='issue-10'>
<span>Issue 10. <a href='#issue-10'>#</a></span>
<span>Summary:  subgrids don't establish a new grid formatting context</span>
<span>From:     Oriol Brufau</span>
<span>Comment:  <a href='https://github.com/w3c/csswg-drafts/issues/6157'>https://github.com/w3c/csswg-drafts/issues/6157</a></span>
<span>Response: <a href='https://github.com/w3c/csswg-drafts/issues/6157#issuecomment-810464691'>https://github.com/w3c/csswg-drafts/issues/6157#issuecomment-810464691</a></span>
<span>Changes:  <a href='https://github.com/w3c/csswg-drafts/commit/c14215da0e673b0f47faea2e9d37c965058c6f83'>https://github.com/w3c/csswg-drafts/commit/c14215da0e673b0f47faea2e9d37c965058c6f83</a></span>
<span class="a">Closed:   Accepted</span>
<span>Resolved: Editorial</span></pre>
<pre class=' a' id='issue-11'>
<span>Issue 11. <a href='#issue-11'>#</a></span>
<span>Summary:  Make explicit that inlinification/blockification affects computed value</span>
<span>From:     Florian Rivoal</span>
<span>Comment:  <a href='https://github.com/w3c/csswg-drafts/issues/6251'>https://github.com/w3c/csswg-drafts/issues/6251</a></span>
<span>Changes:  <a href='https://github.com/w3c/csswg-drafts/commit/086abc058d3a3f6f7f6730d2af827bd555a58279'>https://github.com/w3c/csswg-drafts/commit/086abc058d3a3f6f7f6730d2af827bd555a58279</a></span>
<span class="a">Closed:   Accepted</span>
<span>Resolved: Bugfix</span></pre>
<pre class=' a' id='issue-12'>
<span>Issue 12. <a href='#issue-12'>#</a></span>
<span>Summary:  Why is 'display' not animatable?</span>
<span>From:     Lea Verou</span>
<span>Comment:  <a href='https://github.com/w3c/csswg-drafts/issues/6429'>https://github.com/w3c/csswg-drafts/issues/6429</a></span>
<span>Response: <a href='https://github.com/w3c/csswg-drafts/issues/6429#issuecomment-875717214'>https://github.com/w3c/csswg-drafts/issues/6429#issuecomment-875717214</a></span>
<span>Response: <a href='https://github.com/w3c/csswg-drafts/issues/6429#issuecomment-877890546'>https://github.com/w3c/csswg-drafts/issues/6429#issuecomment-877890546</a></span>
<span class="r">Closed:   Rejected</span>
<span class="a">Verified: <a href='https://github.com/w3c/csswg-drafts/issues/6429#issuecomment-875730258'>https://github.com/w3c/csswg-drafts/issues/6429#issuecomment-875730258</a></span></pre>
<pre class=' r' id='issue-13'>
<span>Issue 13. <a href='#issue-13'>#</a></span>
<span>Summary:  Remove redundant 'flow' keyword</span>
<span>From:     Mats Palmgren</span>
<span>Comment:  <a href='https://github.com/w3c/csswg-drafts/issues/3998'>https://github.com/w3c/csswg-drafts/issues/3998</a></span>
<span>Response: <a href='https://github.com/w3c/csswg-drafts/issues/3998#issuecomment-498667303'>https://github.com/w3c/csswg-drafts/issues/3998#issuecomment-498667303</a></span>
<span class="r">Closed:   Rejected</span>
<span>Note:     Commenter is Mozilla implementer, and Mozilla is shipping the keyword.</span>
<span>Resolved: <a href='https://lists.w3.org/Archives/Public/www-style/2021Aug/0017.html'>https://lists.w3.org/Archives/Public/www-style/2021Aug/0017.html</a> <a href="https://www.w3.org/Mail/flatten/index?subject=https%3A%2F%2Flists.w3.org%2FArchives%2FPublic%2Fwww-style/2021Aug/0017.html"><abbr title="Thread">&#x2208;</abbr></a></span></pre>
<pre class=' r' id='issue-14'>
<span>Issue 14. <a href='#issue-14'>#</a></span>
<span>Summary:  Add 'display: contents list-item'?</span>
<span>From:     Mats Palmgren</span>
<span>Comment:  <a href='https://github.com/w3c/csswg-drafts/issues/4022'>https://github.com/w3c/csswg-drafts/issues/4022</a></span>
<span>Response: <a href='https://github.com/w3c/csswg-drafts/issues/4022#issuecomment-893887886'>https://github.com/w3c/csswg-drafts/issues/4022#issuecomment-893887886</a></span>
<span class="r">Closed:   Rejected</span>
<span>Resolved: <a href='https://lists.w3.org/Archives/Public/www-style/2021Aug/0017.html'>https://lists.w3.org/Archives/Public/www-style/2021Aug/0017.html</a> <a href="https://www.w3.org/Mail/flatten/index?subject=https%3A%2F%2Flists.w3.org%2FArchives%2FPublic%2Fwww-style/2021Aug/0017.html"><abbr title="Thread">&#x2208;</abbr></a></span></pre>
<pre class=' a' id='issue-15'>
<span>Issue 15. <a href='#issue-15'>#</a></span>
<span>Summary:  Clarify how the root element is laid out</span>
<span>From:     Nicholas Stimpson</span>
<span>From:     Andy Jakubowski</span>
<span>From:     rosshjb</span>
<span>Comment:  <a href='https://github.com/w3c/csswg-drafts/issues/6480'>https://github.com/w3c/csswg-drafts/issues/6480</a></span>
<span>Comment:  <a href='https://github.com/w3c/csswg-drafts/issues/7207'>https://github.com/w3c/csswg-drafts/issues/7207</a></span>
<span>Comment:  <a href='https://github.com/w3c/csswg-drafts/issues/6708'>https://github.com/w3c/csswg-drafts/issues/6708</a></span>
<span>Response: <a href='https://github.com/w3c/csswg-drafts/pull/8095'>https://github.com/w3c/csswg-drafts/pull/8095</a></span>
<span class="a">Closed:   Accepted</span>
<span>Resolved: Telecon 2022-12-07</span></pre>
<pre class=' a' id='issue-16'>
<span>Issue 16. <a href='#issue-16'>#</a></span>
<span>Summary:  “root element” is undefined</span>
<span>From:     Chris Rebert</span>
<span>Comment:  <a href='https://github.com/w3c/csswg-drafts/issues/7786'>https://github.com/w3c/csswg-drafts/issues/7786</a></span>
<span>Response: <a href='https://github.com/w3c/csswg-drafts/pull/8095'>https://github.com/w3c/csswg-drafts/pull/8095</a></span>
<span class="a">Closed:   Accepted</span>
<span>Resolved: Telecon 2022-12-07</span></pre>
<pre class=' a' id='issue-17'>
<span>Issue 17. <a href='#issue-17'>#</a></span>
<span>Summary:  Clarify 'display: contents' on pseudo-elements</span>
<span>From:     Tim Nguyen</span>
<span>Comment:  <a href='https://github.com/w3c/csswg-drafts/issues/6518'>https://github.com/w3c/csswg-drafts/issues/6518</a></span>
<span>Response: <a href='https://github.com/w3c/csswg-drafts/issues/6518#issuecomment-898867258'>https://github.com/w3c/csswg-drafts/issues/6518#issuecomment-898867258</a></span>
<span class="a">Closed:   Retracted</span></pre>
<pre class='open ' id='issue-18'>
<span>Issue 18. <a href='#issue-18'>#</a></span>
<span>Summary:  Can &lt;br> / &lt;wbr> elements be blockified?</span>
<span>From:     Ian Kilpatrick</span>
<span>Comment:  <a href='https://github.com/w3c/csswg-drafts/issues/7049'>https://github.com/w3c/csswg-drafts/issues/7049</a></span>
<span>Open</span></pre>
<pre class=' a' id='issue-19'>
<span>Issue 19. <a href='#issue-19'>#</a></span>
<span>Summary:  What does “text run” mean?</span>
<span>From:     Letocha Torgue Philippe</span>
<span>Comment:  <a href='https://github.com/w3c/csswg-drafts/issues/7768'>https://github.com/w3c/csswg-drafts/issues/7768</a></span>
<span>Response: <a href='https://github.com/w3c/csswg-drafts/issues/7768#issuecomment-1468783428'>https://github.com/w3c/csswg-drafts/issues/7768#issuecomment-1468783428</a></span>
<span class="a">Closed:   Accepted</span>
<span>Resolved: <a href='https://github.com/w3c/csswg-drafts/issues/7768#issuecomment-1347561901'>https://github.com/w3c/csswg-drafts/issues/7768#issuecomment-1347561901</a></span></pre>
<pre class=' a' id='issue-20'>
<span>Issue 20. <a href='#issue-20'>#</a></span>
<span>Summary:  Add 'display: flow' to Short Display table</span>
<span>From:     Leonardo Cuoto Chueri</span>
<span>Comment:  <a href='https://github.com/w3c/csswg-drafts/issues/7843'>https://github.com/w3c/csswg-drafts/issues/7843</a></span>
<span>Response: <a href='https://github.com/w3c/csswg-drafts/issues/7843#issuecomment-1270730042'>https://github.com/w3c/csswg-drafts/issues/7843#issuecomment-1270730042</a></span>
<span class="r">Closed:   Rejected</span>
<span class="a">Verified: <a href='https://github.com/w3c/csswg-drafts/issues/7843#issuecomment-1319331821'>https://github.com/w3c/csswg-drafts/issues/7843#issuecomment-1319331821</a></span></pre>
<pre class=' r' id='issue-21'>
<span>Issue 21. <a href='#issue-21'>#</a></span>
<span>Summary:   Add "flow container" as a synonym for "block container"</span>
<span>From:      Leonardo Cuoto Chueri</span>
<span>Comment:   <a href='https://github.com/w3c/csswg-drafts/issues/7844'>https://github.com/w3c/csswg-drafts/issues/7844</a></span>
<span>Response:  <a href='https://github.com/w3c/csswg-drafts/issues/7844#issuecomment-1319327867'>https://github.com/w3c/csswg-drafts/issues/7844#issuecomment-1319327867</a></span>
<span class="r">Closed:    Rejected</span>
<span>Resolved:  Editorial</span></pre>
<pre class='open ' id='issue-22'>
<span>Issue 22. <a href='#issue-22'>#</a></span>
<span>Summary:   Can the root float?</span>
<span>From:      fantasai</span>
<span>Comment:   <a href='https://github.com/w3c/csswg-drafts/issues/8196'>https://github.com/w3c/csswg-drafts/issues/8196</a></span>
<span class="">Open:      =WG= Discuss.</span></pre>
<script>
(function () {
	var sheet = document.styleSheets[0];
	function addCheckbox(className) {
		var element = document.querySelector('*.' + className);
		var span = document.createElement('span');
		span.innerHTML = element.innerHTML;
		element.innerHTML = null;
		var check = document.createElement('input');
		check.type = 'checkbox';
		if (className == 'open') {
			check.checked = false;
			sheet.insertRule('pre:not(.open)' + '{}', sheet.cssRules.length);
			check.onchange = function (e) {
				rule.style.display = this.checked ? 'none' : 'block';
			}
		}
		else {
			check.checked = true;
			sheet.insertRule('pre.' + className + '{}', sheet.cssRules.length);
			check.onchange = function (e) {
				rule.style.display = this.checked ? 'block' : 'none';
			}
		}
		var rule = sheet.cssRules[sheet.cssRules.length - 1];
		element.appendChild(check);
		element.appendChild(span);
	}
	['a', 'd', 'fo', 'oi', 'r', 'open'].forEach(addCheckbox);
}());
</script>
